草庐IT

ionic 导航

全部标签

javascript - 从 Ionic 2 中的 Cordova InAppBrowser 取回 cookie

我正在使用Ionic2构建Web应用程序的移动版本,该应用程序使用SAML进行SSO,在我的客户端服务器上运行。现在我们有一个api,当您未登录网站时会调用它,该网站会重定向到他们的服务器以进行SSO,然后在您登录时返回到我们的服务器。然后,浏览器有cookie来存储用户已登录.我需要获取该cookie并以某种方式将其发送到我的Ionic应用程序。我知道您不能将cookie从InAppBrowser共享回应用程序,但必须有某种方法才能将其取回。足够多的应用程序使用Twitter、Facebook等,我认为我缺少一些简单的东西。 最佳答案

javascript - ionic 和 cordova 插件安装的区别

使用ionic时,有什么区别ionicplugininstall...和cordovaplugininstall应该使用哪一个?为什么?谢谢! 最佳答案 有区别Ionic在工程中创建一些文件,如ionic.project和package.json。每次使用命令ionicpluginadd...添加Ionic插件时,Ionic都会更新package.json。IonicCLI使用package.json根据平台和插件管理Cordova应用程序状态。package.json有两个部分,cordovaPlatforms和cordovaPl

javascript - Ionic 2 - 对模型的更改不会在 View /UI 中更新

我很难理解如何在不从UI触发事件的情况下将对组件内属性的更改传播到实际View。如果我来回移动,UI就会更新。这是我的组件,每秒检索一次BLE通知。每次通知后,View中需要更新通知的结果值。我可以在开发人员控制台中看到通知。import{Component,ChangeDetectionStrategy,ChangeDetectorRef,Input,Output}from'@angular/core';import{NavController,NavParams}from'ionic-angular';import{BLE}from'ionic-native';import{Obs

javascript - Ionic 2 构建开发失败 : Maximum call stack size exceeded

我无法构建我的ionic2应用程序。更改文件后服务有效。在ionic服务上,我收到以下错误消息:[07:36:10]ionic-app-scripts1.0.0[07:36:10]watchstarted...[07:36:10]builddevstarted...[07:36:10]cleanstarted...[07:36:10]cleanfinishedin1ms[07:36:10]copystarted...[07:36:10]transpilestarted...[07:36:15]builddevfailed:Maximumcallstacksizeexceeded[07:

javascript - ionic 2/Angular 2 - 无法将数据从 Google Maps InfoWindow 传递到页面

我正在尝试将数据从GoogleMapInfoWindow传递到InfoPage。我能够传递和访问数据。但是,每次重新打开infoWindow时,页面都会触发i+1,相互叠加。例如,第一次打开信息窗口时,点击应用按钮,它将转到信息页面。关闭InfoWindow并重新打开,再次点击Apply按钮,会打开两次InfoPage,如果重复则继续加1过程。过程:map->创建标记->设置content变量->创建infoWindow->设置标记以在单击时打开infoWindow->infoWindow随内容一起出现->单击APPLY在infoWindow上->直接到InfoPageONCE->关闭

javascript - 如何在像 mustache 这样的无逻辑模板引擎中制作导航栏

我试图理解无逻辑模板背后的概念,但我发现自己碰壁了。我想实现一个简单的导航栏,例如每个页面顶部的“主页、关于、联系”链接,“当前”链接应该用不同的类突出显示(我使用的是Bootstrap)。但是我怎样才能以明智的方式做到这一点呢?到目前为止,我有:将导航移动到每个模板,并复制整个内容(不是干的,丑陋的)。使用键而不是值,即render('home',{on_home_page:true});与Home.这样更好,但仍然很烦人,因为我必须创建N个变量来保存1个变量值的数据。在Controller中创建导航,即传入{'Home':{link:'/',active:false},'About

javascript - 启动画面的 ionic 动画

是否可以添加gif或svg动画作为IonicMobileApp的启动画面?我找不到任何解决方案,但它看起来像是一项典型的任务。也许我错过了解决方案。如果我输入.png就可以,但是.png不支持动画。 最佳答案 文档中提到支持的文件只有:png、psd、ai。IonicIconSplashScreen如果你想自定义,试试这个可能对你有帮助:UsingViewsEventsToCreateJavaScriptPureIonicSplashScreen 关于javascript-启动画面的io

javascript - 将 Slick 旋转木马导航箭头与幻灯片图像而不是其下方的文本垂直对齐

无论窗口宽度是多少,我都需要将导航箭头与幻灯片图像垂直对齐。目前,它占整个幻灯片的50%。我希望能够用CSS做到这一点,但似乎它可能需要用JavaScript来完成。如果是这样的话,jQuery没问题,它只需要支持现代浏览器(IE11+)。关于此的棘手部分是它需要占图像的50%而不是整个容器,因为图像下方的文本可以有不同的高度。目前正在做什么:我需要它做什么:(注意导航箭头与图像垂直居中,无论窗口宽度如何)这是一个JSFiddle:https://jsfiddle.net/thebluehorse/2wuq3feb/5/Utinintegerpulvinarmaiores,misapi

javascript - 装载机中的 Ionic 2 自定义 svg 微调器

我正在尝试将我的SVG添加到加载创建函数中,但是当我去查看它时,我看到的只是一个空标签,它应该在该位置。letloading=this.loadingCtrl.create({spinner:'',content:this.appConfig.customSpinner})上面是我的创建代码,该变量是下面的SVG代码。.st2{fill:none;stroke-width:40;stroke-miterlimit:10;}我怎样才能让它渲染?我也已将它复制到ionic论坛上link我试图添加一个管道,使其在运行时安全,但也失败了。我制作的内容是这样的:这是我的pipe:import{P

javascript - ionic : ng-show and page transition

我正在使用Ionic开发移动应用程序,但我还不是很熟悉这个框架或Angular。您可以点击一些列表项以查看包含一些详细信息的页面。这是我的列表模板:{{location.name}}Controller:...$scope.showDetails=function(location){$rootScope.currentLocationDetails=location;};...这是详细信息页面:Controller:app.controller('DetailsController',function($scope,$rootScope){$scope.location=$rootS